@import 'base';

.po-fx{
  position: fixed;
}

.container{
  @extend .po-fx;
  width: 110px;
  height: 110px;
  background-color: #fff;
  animation: toRotate 20s linear;
}
.container1{
  @extend .po-fx;
  width: 90px;
  height: 90px;
  background-color: rgb(160, 90, 90);
  animation: toRotate1 20s linear;
}
.container2{
  @extend .po-fx;
  width: 70px;
  height: 70px;
  background-color: rgb(78, 197, 197);
  animation: toRotate2 20s linear;
}




@keyframes toRotate {
  0%{transform: scale(1) rotate(0);}
  100%{transform: scale(5) rotate(360deg);}
}
@keyframes toRotate1 {
  0%{transform: scale(1) rotate(15deg);}
  100%{transform: scale(5) rotate(375deg);}
}
@keyframes toRotate2 {
  0%{transform: scale(1) rotate(30deg);}
  100%{transform: scale(5) rotate(390deg);}
}